<template>
	<div id="app">
		<router-view />
	</div>
</template>

<script>
	import {$get} from '@/puigins/request.js'
	export default {
		mounted() {},
		methods: {
			async autoUserLogin() {
				let res = await $get('/user/autoLogin');
				console.log('自动登录', res.code);
				if (res.code == 200) {
					this.$store.commit('user/setUser', res.data);
				}
			}
		},
		created() {
			this.autoUserLogin()
		}
	}
</script>

<style lang="scss">
	* {
		margin: 0;
		padding: 0;
		text-decoration: none;
		box-sizing: border-box;
		transition: all .2s;
	}

	html,
	body,
	#app {
		overflow: hidden;
		height: 100%;
	}

	html {
		--NavHeight: 50px;
	}

	.jc {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.ac{
		text-align: center;
	}

	.scroll-bar::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 10px;
		height: 10px;
	}

	.scroll-bar::-webkit-scrollbar-thumb {
		cursor: pointer;
		border-radius: 5px;
		background: rgba(0, 0, 0, .25);
		-webkit-transition: color .2s ease;
		transition: color .2s ease;
	}

	.scroll-bar::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, .1);
		border-radius: 0;
	}

	.scroll-bar-in {
		*::-webkit-scrollbar {
			-webkit-appearance: none;
			width: 6px;
			height: 10px;
		}
	}

	.scroll-bar-in {
		*::-webkit-scrollbar-thumb {
			cursor: pointer;
			border-radius: 3px;
			background: rgba(0, 0, 0, .25);
			-webkit-transition: color .2s ease;
			transition: color .2s ease;
		}
	}

	.scroll-bar-in {
		*::-webkit-scrollbar-track {
			border-radius: 0;
		}
	}
	@media screen and (max-width: 650px) {
		body {
			.el-message-box {
				width: 300px !important;
			}
			.el-message {
				min-width: 300px;
			}
		}
	}
</style>
